.searchResultEngine {
  .top {
    .category {
      .categoryMultipleItemBox {
        button:hover {
          background-color: transparent !important;
        }

        &.selected button {
          background-color: transparent !important;
        }
      }

      .customTopIsGroup {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        .ant-dropdown-trigger {
          display: inline-block;
          width: 146px;
          height: 32px;
          line-height: 32px;
          margin-right: 4px;
          color: #666;
          font-size: 12px;
          cursor: pointer;

          span {
            display: inline-block;
            max-width: 146px;
            padding: 0 12px;
          }
        }

        .ant-dropdown-trigger:hover {
          span {
            color: var(--ant-primary-color);
            background-color: var(--ant-primary-1);
            border-radius: 25px;
          }
        }

        .ant-dropdown-open {
          .anticon {
            transform: rotate(180deg);
          }
        }

        .ant-popover-open {
          span {
            color: var(--ant-primary-color);
          }

          .anticon {
            transform: rotate(180deg);
          }
        }

        .ant-checkbox-wrapper {
          width: 146px;
          margin-right: 4px;
          color: #666;
          font-size: 12px;

          .ant-checkbox {
            margin-left: 12px;
          }

          .ant-checkbox+span {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }
        }

        // .ant-checkbox-wrapper:hover {
        //   color: var(--ant-primary-color);
        // }
        .ant-form-item {
          width: 180px;
          margin: 0;
        }
      }

      .categoryTop {
        margin-top: 16px;
        margin-bottom: 16px;

        .categoryBox {
          display: flex;
          margin-bottom: 16px;
          overflow: hidden;
          color: #666;
          line-height: 32px;
          .title {
            width: 80px;
            margin-right: 20px;
            overflow: hidden;
            font-weight: bold;
            font-size: 14px;
            white-space: nowrap;
            text-overflow: ellipsis;
          }

          .allBtn {
            width: 65px;
            margin-right: 32px;
            font-size: 14px;
          }

          .content {
            flex: 1;

            .category-content {
              // margin-top: -15px;

              li {
                display: inline-block;
                width: 146px;
                // margin-top: 15px;
                margin-right: 4px;

                .categoryItemBox {
                  display: inline-block;

                  button {
                    max-width: 146px;
                  }
                }
              }
            }

            .operationBox {
              position: relative;
              padding-right: 50px;

              .moreBtn {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 1;
              }

              .mask {
                position: absolute;
                right: 0;
                bottom: -4px;
                z-index: 10;
                width: 50px;
                height: 24px;
                background-color: var(--inbiz-color-bg);
              }
            }
          }
        }

        .throughBox {
          text-align: center;

          a {
            color: #999;
            font-size: 12px;

            span {
              margin-top: 2px;
              margin-right: 8px;
              vertical-align: text-top;
            }
          }
        }

        .secondLevel {
          button:hover {
            background-color: transparent;

            .ant-checkbox-wrapper:hover .ant-checkbox-inner,
            .ant-checkbox:hover .ant-checkbox-inner {
              border-color: var(--ant-primary-color);
            }

            .ant-typography {
              color: var(--ant-primary-color) !important;
            }
          }

        }
      }
    }
  }

}

.customTopPopover,
.customTopRadio {
  width: 175px;
  max-height: 272px;
  padding: 0 !important;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  overflow-x: unset;
  overflow-x: hidden;
  background-color: #fff;
  border: solid 1px #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);

  &::-webkit-scrollbar {
    width: 0 !important;
    height: 0;
  }

  .ant-popover-arrow {
    display: none;
  }

  .categoryItem-Icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-bottom: 4px;

    &+span {
      max-width: calc(100% - 20px);
    }
  }
}

.customTopPopover {
  .ant-popover-inner-content {
    padding: 8px;
    background-color: #fff;
    // height: 300px;
    // overflow: auto;
    width: 175px;

    .ant-checkbox-wrapper {
      width: 100%;
      height: 32px;
      line-height: 32px;
      margin-left: 0;

      .ant-checkbox {
        margin-left: 10px;
      }
    }

    .ant-checkbox-wrapper:hover {
      background-color: var(--ant-primary-1);

      .ant-typography {
        color: var(--ant-primary-color);
      }
    }
  }
}

.customTopRadio {
  .ant-dropdown-menu {
    padding: 8px;
  }

  .ant-dropdown-menu-item {
    padding: 0;
  }

  .allOption {
    width: 100%;
    height: 100%;
    padding: 5px 12px;
  }

  .selectedOption,
  .ant-dropdown-menu-item.ant-dropdown-menu-item-active,
  .ant-dropdown-menu-item-active:hover {
    color: var(--ant-primary-color);
    background-color: var(--ant-primary-1);

    .ant-typography {
      color: var(--ant-primary-color);
    }
  }
}